<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%--
--%><%@ include file="/include/taglib.jsp"%>
<html>
<head>
<title>Ucon, Idaho: established 1883.</title>
</head>
<body>
	<c:if test="${fn:length(page.photos) gt 0}">
		<script type="text/javascript">
		$('#${pageId}').bind('pageinit',function(event){
			$('#${pageId}').find("#camera_index").camera({
				fx: 'simpleFade'
				, hover: false
				, loader: 'none'
				, thumbnails: true
				, time: 2000
				, transPeriod: 800
			});
		});
		</script>
	</c:if>
	
	<div id="camera_index" class="camera_wrap">
		<c:forEach var="photo" items="${page.photos}" varStatus="status">
			<div data-src="${photo.uriPrefix}800${photo.uriSuffix}" data-thumb="${photo.uriPrefix}200${photo.uriSuffix}"></div>
		</c:forEach>
	</div>

	<div>${page.description}</div>
	<c:if test="${not empty user}">
		<fieldset>
			<legend>Pages</legend>
			<ul>
				<c:forEach var="currentPage" items="${pages}">
					<li>
						<a href="/page/item/Page/PageView.jsp?id=${currentPage.id}">${currentPage.id} ${fn:escapeXml(currentPage.name)}</a>
					</li>
				</c:forEach>
			</ul>
		</fieldset>
	</c:if>
</body>
</html>